@charset 'UTF-8';
* {
  box-sizing: border-box;
}
body,
ul,
p,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-user-select: none;
  user-select: none;
}
ul {
  list-style-type: none;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  background-color: #fff;
  padding-bottom: 1.65333333rem;
}
.ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.pannle {
  width: 9.2rem;
  margin: 0 auto;
}
.top-nav {
  display: flex;
  height: 1.22666667rem;
  justify-content: space-between;
  align-items: center;
  font-size: 0.34666667rem;
}
.top-nav .top-nav-middle {
  display: flex;
  align-items: center;
  height: 0.85333333rem;
  width: 6.66666667rem;
  background-color: #f7f7f7;
  border-radius: 0.42666667rem;
}
.top-nav .top-nav-middle img {
  display: block;
  height: 0.32rem;
  width: 0.32rem;
  margin-left: 0.42666667rem;
}
.top-nav .top-nav-middle span {
  color: #a4a4a4;
  margin-left: 0.32rem;
}
.top-nav img:last-of-type {
  display: block;
  width: 0.53333333rem;
  height: 0.53333333rem;
}
.top-pic {
  height: 7.25333333rem;
}
.top-pic .top {
  height: 3.46666667rem;
  width: 100%;
}
.top-pic .top img {
  width: 100%;
  height: 100%;
  box-shadow: -0.05333333rem 0.13333333rem 0.53333333rem 0.05333333rem #ddd;
}
.top-pic .bot {
  height: 3.78666667rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.top-pic .bot img {
  display: block;
  width: 4.48rem;
  height: 1.92rem;
  box-shadow: -0.05333333rem 0.13333333rem 0.53333333rem 0.02666667rem #ddd;
}
.goods-top {
  display: flex;
  justify-content: space-between;
  height: 1.01333333rem;
  font-size: 0.48rem;
  font-weight: 600;
}
.goods-top img {
  width: 0.21333333rem;
  height: 0.37333333rem;
}
.goods {
  display: flex;
  justify-content: space-between;
}
.goods .content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 4.85333333rem;
}
.goods .content img {
  display: block;
  width: 4.48rem;
  height: 3.06666667rem;
}
.goods .content i {
  font-size: 0.37333333rem;
  font-weight: 600;
  font-style: normal;
}
.goods .content span {
  font-size: 0.26666667rem;
  color: #999;
}
.goods .content p {
  font-size: 0.32rem;
  color: #f49d0c;
}
.goods-bottom {
  height: 3.30666667rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.goods-bottom img {
  height: 1.52rem;
  width: 100%;
}
.home-top {
  height: 1.12rem;
  align-items: start;
  display: flex;
}
.home-top p {
  font-size: 0.48rem;
  font-weight: 600;
}
.home-top span {
  font-size: 0.32rem;
  font-weight: normal;
}
.home-top span:nth-of-type(1) {
  margin-left: 4.74666667rem;
}
.home-top span:nth-of-type(2) {
  margin-left: 0.64rem;
  color: #d3d3d3;
}
.home {
  height: 14.66666667rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.home .content {
  height: 2.50666667rem;
  display: flex;
}
.home .content img {
  display: block;
  margin-right: 0.42666667rem;
  width: 2.93333333rem;
  height: 2.13333333rem;
}
.home .content .content-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.home .content .content-right .row1 {
  font-size: 0.37333333rem;
  font-weight: 600;
}
.home .content .content-right .row2,
.home .content .content-right .row3 {
  font-size: 0.26666667rem;
  color: #cfcfcf;
  width: 5.46666667rem;
}
.home .content .content-right .row4 {
  display: flex;
}
.home .content .content-right .row4 .row4-1 {
  height: 0.42666667rem;
  width: 1.2rem;
  color: #cfcfcf;
  text-align: center;
  line-height: 0.42666667rem;
  font-size: 0.26666667rem;
  border: 1px #cfcfcf solid;
  margin-right: 0.26666667rem;
}
.home .content .content-right .row5 {
  color: #f9c875;
  font-size: 0.37333333rem;
  font-weight: 600;
}
.home .content .content-right .row5 span {
  font-size: 0.21333333rem;
  font-weight: normal;
}
.search {
  display: flex;
  height: 2.26666667rem;
  justify-content: center;
  align-items: center;
}
.search .content {
  width: 6.93333333rem;
  height: 1.01333333rem;
  border-radius: 0.42666667rem;
  background-color: #f2f2f3;
  color: #999;
  font-size: 0.32rem;
  text-align: center;
  line-height: 1.01333333rem;
}
.story {
  height: 2.26666667rem;
}
.story img {
  width: 100%;
  height: 100%;
}
.footer {
  position: fixed;
  display: flex;
  justify-content: space-around;
  align-items: center;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.33333333rem;
  background-color: #fff;
}
.footer a {
  color: #c7c7c7;
  display: flex;
  height: 100%;
  width: 1.6rem;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.footer a i {
  font-size: 0.53333333rem;
}
.footer a p {
  font-size: 0.26666667rem;
}
.footer a:hover {
  color: #000;
}
